@import "../_function";
@import "../_mixin";
@import "../_variables";

.bargain-info-share {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	&-layer {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
	}
	&-content {
		width: pr(650);
		height: pr(720);
		background: linear-gradient(to right top, #e7d9bf, #b7a47c);
		position: relative;
		z-index: 1;
		border-radius: pr(10);
		padding-top: pr(135);
		box-sizing: border-box;
		&-close {
			position: absolute;
			top: pr(20);
			right: pr(20);
			width: pr(50);
			height: pr(50);
			&::after, &::before {
				content: '';
				width: pr(5);
				height: pr(50);
				background: #fff;
				display: block;
				position: absolute;
				top: 0;
				left: 50%;
			}
			&::after {
				transform: rotate(45deg);
			}
			&::before {
				transform: rotate(-45deg);
			}
		}
		&-message {
			text-align: center;
			color: #fff;
			font-size: pr(40);
			p {
				margin-bottom: pr(30);
			}
			p:first-child {
				font-size: pr(55);
			}
		}
		&-actions {
			display: flex;
			align-items: center;
			justify-content: space-evenly;
			text-align: center;
			margin-top: pr(95);
			.iconfont {
				width: pr(115);
				height: pr(115);
				line-height: pr(115);
				text-align: center;
				background: #b3a078;
				color: #fff;
				border-radius: 50%;
				font-size: pr(50);
				margin: 0 auto;
			}
			p {
				margin-top: pr(20);
				color: #b3a078;
			}
		}
	}
}
